Skip to content

Ensure .group and .peer are prefixed when using the prefix(…) option#15174

Merged
adamwathan merged 3 commits into
nextfrom
fix/issue-15172
Nov 25, 2024
Merged

Ensure .group and .peer are prefixed when using the prefix(…) option#15174
adamwathan merged 3 commits into
nextfrom
fix/issue-15172

Conversation

@RobinMalfait

@RobinMalfait RobinMalfait commented Nov 25, 2024

Copy link
Copy Markdown
Member

This PR fixes an issue where the .group and .peer classes didn't get prefixed if you are using the prefix(…) option.

Before this change, tw:group-hover:flex, generated:

.tw\\:group-hover\\:flex {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      display: flex;
    }
  }
}

But now it generates:

.tw\\:group-hover\\:flex {
  &:is(:where(.tw\\:group):hover *) {
    @media (hover: hover) {
      display: flex;
    }
  }
}

Or as a diff, it might be more clear:

  .tw\\:group-hover\\:flex {
-   &:is(:where(.group):hover *) {
+   &:is(:where(.tw\\:group):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }

Fixes: #15172

@RobinMalfait RobinMalfait requested a review from a team as a code owner November 25, 2024 15:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

group-hover is generated without respecting Tailwind CSS prefix option

2 participants